<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.w3.org/1999/xhtml">
<div id="translate-button" style="background-color: #ffffff;"></div>
<head th:replace="/default/_layout :: head(~{::title})">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>文章列表</title>
    <!-- Styles -->
    <link href="../../static/homepage/page.min.css" rel="stylesheet">
    <link href="../../static/homepage/style.css" rel="stylesheet">
    <link href="../../static/homepage/newjpress.min.css"  rel="stylesheet">
    <link href="../../static/homepage/jp.css"  rel="stylesheet">
    <!-- Favicons -->
    <link rel="apple-touch-icon" href="http://oss4jpressio.oss-cn-beijing.aliyuncs.com/templates/dockers/NewJPress/images/apple-touch-icon.png">
    <link rel="icon" href="http://oss4jpressio.oss-cn-beijing.aliyuncs.com/templates/dockers/NewJPress/images/favicon.png">
    <script>
        var web = {cpath:''}
        //        window.addEventListener('touchmove', func, { passive: false });
    </script>
</head>
<body data-aos-easing="ease" data-aos-duration="1500" data-aos-delay="0" class="body-scrolled navbar-scrolled">
<!-- menu -->
<nav class="navbar navbar-expand-lg navbar-stick-dark navbar-light" data-navbar="sticky" th:replace="/default/_layout :: menu(1)" >

</nav>
<!-- /.menu -->


<!-- Header -->
<header class="header text-center text-white" th:replace="/default/_layout :: header" style="background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);">
    <div class="container">

        <div class="row">
            <div class="col-md-8 mx-auto">
                <h1>博客</h1>
                <p class="lead-2 opacity-90 mt-6">分享历程，记录经验，积累点滴，实现自我...</p>

            </div>
        </div>

    </div>
</header>
<!-- /.header -->

<!-- Main -->
<main class="main-content">
    <div class="section section-white bg-gray">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-xl-9">
                    <h4>标签 [[${tag.title}]] 下的文章</h4>
                    <br>
                    <div class="row gap-y">
                        <div class="card mb-30"style="width:100%" th:each="ArticleShow : ${articleVOS}">
                            <div class="row align-items-center h-full">
                                <div class="col-12 col-md-8" >
                                    <h4 class="card-title"><a th:href="'/article?articleid='+${ArticleShow.Article.id}" th:text = "${ArticleShow.Article.title}"> title</a></h4>
                                </div>
                                <div class="col-12 col-md-4">
                                    <a>创建时间:</a><a th:text = "${ArticleShow.Article.created}"></a>
                                    <br>
                                    <div th:if="${ArticleShow.userInfo}!=null"><a>作者:</a><a href="#" >[[${ArticleShow.userInfo.nickname}]]</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <nav>
                        <ul class="pagination justify-content-center">
                            <li class="page-item previous disabled">
                                <a class="page-link" href="javascript;">←</a>
                            </li>
                            <li class="page-item active">
                                <a class="page-link" href="javascript;">1</a>
                            </li>
                            <li class="page-item ">
                                <a class="page-link" href="http://jpress.io/article/category/blog-2">2</a>
                            </li>
                            <li class="page-item next">
                                <a class="page-link" href="http://jpress.io/article/category/blog-2">→</a>
                            </li>
                        </ul>
                    </nav>


                </div>



                <div class="col-md-4 col-xl-3">
                    <!-- SideBar -->
                    <div class="sidebar px-4 py-md-0" th:replace="/default/_layout :: SideBar"></div>
                    <!-- SideBar -->
                </div>
            </div>
        </div>
    </div>
</main>
<!-- ./Main -->
<!-- Footer -->
<footer class="footer py-7" th:replace="/default/_layout :: footer"> </footer>
<!-- /.footer -->


<!-- Scripts -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="pswp__bg"></div>
    <div class="pswp__scroll-wrap">
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>
        <div class="pswp__ui pswp__ui--hidden">
            <div class="pswp__top-bar"><div class="pswp__counter"></div>
                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
                <button class="pswp__button pswp__button--share" title="Share"></button>
                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
                <div class="pswp__preloader"><div class="pswp__preloader__icn">
                    <div class="pswp__preloader__cut"><div class="pswp__preloader__donut"></div>
                    </div>
                </div>
                </div>
            </div>
            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div>
            </div>
            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
            <div class="pswp__caption"><div class="pswp__caption__center"></div>
            </div>
        </div>
    </div>
</div>
<th:block th:replace="/default/_layout :: scripts">

</th:block>
</body>
</html>